<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>发布招聘</title>

	<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
	<link rel="stylesheet" type="text/css" media="all" th:href="@{/css/tyle.css}">
  <script th:src="@{/js/jquery-1.9.1.min.js}"></script>
	<style type="text/css">
		body{
			background-color: #ffffff;
			padding: 20px
		}
		.layui-input{
			border-color: #009688;
		}
    .layui-form-item{
      margin-left: 5%;
      margin-right: 20%;
    }
	</style>
</head>
<body><!-- ctrl + F9  -->

<fieldset class="layui-elem-field" style="border-color: #999;margin-left: 20%;
   margin-right:20%">
  <legend>发布招聘</legend>
  <div class="layui-field-box">
    
<form class="layui-form layui-form-pane" action="/job/save" method="post">
  <div class="layui-form-item">
    <label class="layui-form-label">职位名称</label>
    <div class="layui-input-block">
      <input type="text" name="jobName" autocomplete="off" placeholder="请输入职位" class="layui-input" lay-verify="required">
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">职位类别</label>
    <div class="layui-input-block">
      <select name="jobClass" lay-filter="aihao" lay-verify="required">
        <option value=""></option>
        <div th:each="list : ${joblist}">
          <option value="IT互联网" th:value="${list}" th:text="${list}">IT互联网</option>
        </div>
      </select>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">日薪/元</label>
    <div class="layui-input-block">
      <input type="text" name="jobMoney" autocomplete="off" placeholder="请输入形如100-200或200整数，单位为元" class="layui-input" lay-verify="required">
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">工作地点</label>
    <div class="layui-input-block">
    <input type="text" placeholder="选择城市" id="place" name="jobPosition" class="layui-input" lay-verify="required"/>
    </div>
  </div>

  <!-- 城市 -->
  <div id="in_city" style="display: none"></div>

  <div class="layui-form-item">
    <label class="layui-form-label">学历要求</label>
    <div class="layui-input-block">
      <select name="jobAcademic" lay-filter="aihao" lay-verify="required">
        <option value=""></option>
        <option value="初中">初中</option>
        <option value="高中">高中</option>
        <option value="大专">大专</option>
        <option value="本科">本科</option>
        <option value="硕士">硕士</option>
      </select>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">每周工作</label>
    <div class="layui-input-block">
      <select name="jobWeekDay" lay-filter="aihao" lay-verify="required">
        <option value=""></option>
        <option value="1">1天</option>
        <option value="2">2天</option>
        <option value="3">3天</option>
        <option value="4">4天</option>
        <option value="5">5天</option>
        <option value="6">6天</option>
        <option value="7">7天</option>
      </select>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">工作长度</label>
    <div class="layui-input-block">
      <input type="text" name="jobWorkTime" autocomplete="off" placeholder="请输入短期/长期/实习几个月等字样" class="layui-input" lay-verify="required">
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">是否转正</label>
    <div class="layui-input-block">
      <select name="jobReMark" lay-filter="aihao" lay-verify="required">
        <option value="">非实习工作</option>
        <option value="可转正">可转正</option>
        <option value="考虑转正">考虑转正</option>
        <option value="不考虑转正">不考虑转正</option>
      </select>
    </div>
  </div>

  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">职位诱惑</label>
    <div class="layui-input-block">
      <textarea placeholder="请简练输入工作亮点" class="layui-textarea" name="jobGood" lay-verify="required"></textarea>
    </div>
  </div>

  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">职位要求</label>
    <div class="layui-input-block">
      <textarea placeholder="请输入内容" class="layui-textarea" name="jobDetail" lay-verify="required"></textarea>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">发布者类型</label>
    <div class="layui-input-block">
      <select name="jobComClass" lay-verify="required">
        <option value="个人">个人</option>
        <option value="学生">学生</option>
        <option value="组织">教师</option>
        <option value="组织">组织</option>
        <option value="企业">企业</option>
      </select>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">组织名称</label>
    <div class="layui-input-block">
      <input type="text" name="jobComName" autocomplete="off" placeholder="请输入公司名/组织名/个人姓名" class="layui-input" lay-verify="required">
    </div>
  </div>

  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">组织简介</label>
    <div class="layui-input-block">
      <textarea name="jobComDetail" placeholder="请仔细书写企业或组织资料，个人说明身份信息学生或社会人士" class="layui-textarea" lay-verify="required"></textarea>
    </div>
  </div>

    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" style="margin-top: 20px">截止时间</label>

            <div class="layui-input-block">
                <input type="text" id="date1" name="jobDeadline" autocomplete="off" style="margin-top:20px" class="layui-input" required>
            </div>
        </div>
    </div>

  <div class="layui-form-item">
    <button class="layui-btn" lay-submit="" lay-filter="demo1">发布</button>
    <span style="margin-left: 20px;color: #999">一经发布不可修改，未有人应聘前可删除</span>
  </div>
</form> 

</div>
</fieldset>

	<script th:src="@{/layui/layui.all.js}"></script>
    <script th:src="@{/ceshi/posi_ceshi.js}"></script>
	<script>
    //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
    ;!function () {
    	var layer = layui.layer
      ,laydate = layui.laydate
    	, form = layui.form;
  //日期
  laydate.render({
    elem: '#date1'
  });
        // layer.msg('Hello World');
    }();
</script>
<script type="text/javascript" th:src="@{/js/cityTemplate.js}"></script>
<script type="text/javascript">

  var cityA = $(".city_a_le1 a"); //城市
  var pla = $("#place");  //出发地
  var dest = $("#destination");  //目的地
  // 默认值
  inCity.width = "345";  //城市选择框  宽
  inCity.height = "auto";  //城市选择框  高
  inCity.id = "#in_city";  //城市选择框  父级ID
  inCity.Children = '.city_a_le1';  //城市名box
  // 初始化 城市HTML模板
  $(inCity.id).prepend(inCity._template.join(''));
  inCity.Hot(cityA);
  
  //城市 导航
  var apay = $(".screen a");

  var placeThis; //当前选择标签
  apay.click(function(obj){  //城市导航
    inCity.payment($(this));
  })

  inCity.place(pla); //出发地
  inCity.destination(dest);  //目的地
  inCity.cityClick(cityA); //显示赋值城市
</script>
</body>
</html>
